<template>
  <div>
    <MyDialog>
      <template #header> 
        <div>1</div>
      </template>  
      <template v-slot:content>
         <div>2</div>
      </template>
      <template  #footer>
      <button>4</button>
       </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>